{% extends "base.html" %}

{% block title %}{{ htmltitle }}{% endblock %}

{% block head %}
    <script language="javascript" type="text/javascript"
        src="{% url js 'js/configurator.js' %}"></script>
{% endblock %}

{% block header %}
    <h1>{{pagetitle}}</h1>
    {% if permalink %}
        <input id="permalink" style="float: right;" type="text"value="{% url railroad.permalink.views.retrieve_link link %}" readonly>
    {% else %}
    <ul class="liButtons permalink">
        <li id="generateLink">Get Permalink</li>
    </ul>
    <div id="permalinkDiv">
        <div class="sprite close" id="closePermalinkDescription"></div>
        <p> Please enter an optional description for your permalink </p>
        <textarea id="permalinkDescription" rows="5" cols="80"></textarea>
    </div>
    {% endif %}
{% endblock %}
{% block content %}
    <div class="data" id="remoteuserid">{{ remoteuserid }}</div>

    {% include "form.html" %}

    {% include "toolbar.html" %}

    <div class="services">
        <div class="data" id="json_services">{{ json_services }}</div>
        <table id="graphs">
        </table>
    </div>

{% endblock %}
